<template>
  <div>
    <h1>🛖</h1>
    <!-- <button @click="$router.go(-1)">后退</button> -->
    <button @click="aaa">去找小新</button>&nbsp;
    <button @click="bbb">去找妮妮</button>
  </div>
</template>

<script>
export default {
  methods: {
    aaa () {
      // this.$router.push({
      //   path: '/movie',
      //   params: {
      //     id: 1,
      //     name: '小新'
      //   }
      // })
      this.$router.push({
        name: 'about', // name是路由的名字，需要在定义规则的时候，指定
        params: {
          id: 1,
          name: '小新'
        }
      })
    },
    bbb () {
      this.$router.push({
        name: 'sport',
        query: {
          id: 4,
          name: '英格兰对法国'
        }
      })
    }
  }
}
</script>

<style lang="css" scoped>
div{
    width: 600px;
    height: 400px;
    background-color: orange;
}
h1 {
    text-align: center;
    font-size: 100px;
}
p{
  padding: 0px 0px 0px 30px;
  font-size: 25px;
}
</style>